<template>
  <page-header-wrapper>
    <a-card>
      <a-tabs :default-active-key="0" size="large" @change="callback">
        <a-tab-pane :tab="list.text" v-for="(list, index) in statusList" :key="index">
          <StatusTab :activeIndex="statusIndex" />
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </page-header-wrapper>
</template>
<script>
import StatusTab from './components/StatusTab'
export default {
  props: {},
  components: {
    StatusTab
  },
  data () {
    return {
      statusIndex: 1,
      // statusList: [
      //   { status: 1, text: '全部' },
      //   { status: 2, text: '待审批' },
      //   { status: 3, text: '代付款' },
      //   { status: 4, text: '待完成' },
      //   { status: 5, text: '已完成' }
      // ]
      statusList: [
        { status: 1, text: '待提交' },
        { status: 2, text: 'PI待审核' },
        { status: 3, text: 'PI已驳回' },
        { status: 4, text: 'PM待审核' },
        { status: 5, text: 'PM已驳回' },
        { status: 6, text: '待支付' },
        { status: 7, text: '保税中' },
        { status: 8, text: '已完成' }
      ]
    }
  },
  created () {},
  methods: {
    // 用于切换状态的
    callback (key) {
      this.statusIndex = key + 1
    }
  }
}
</script>
